<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>spliced font test</title>
<style>
body {
font-family: "HiraMaruMono-W4", "MS Gothic";
font-size: 12pt;
}
#horizontal_TB {
-webkit-writing-mode: horizontal-tb;
}
#vertical_RL {
-webkit-writing-mode: vertical-rl;
}
#vertical_LR {
-webkit-writing-mode: vertical-lr;
}
#horizontal_TB_complex {
-webkit-writing-mode: horizontal-tb;
text-rendering: optimizelegibility;
}
#vertical_RL_complex {
-webkit-writing-mode: vertical-rl;
text-rendering: optimizelegibility;
}
#vertical_LR_complex {
-webkit-writing-mode: vertical-lr;
text-rendering: optimizelegibility;
}
</style>
</head>
<body>
<p>Simple text path: <span id="horizontal_TB">string「あ、変っ！」。</span></p>
<span id="vertical_RL">string「あ、変っ！」。</span><br>
<span id="horizontal_TB">郊外のぎらぎらひかる草の波。</span><br>
<span id="horizontal_TB">ABCDEFGHIJKLM abcdefghijklm 1234567890</span><br>
<hr>
<p>Complex text path: <span id="horizontal_TB_complex">string「あ、変っ！」。</span></p>
<span id="vertical_RL_complex">string「あ、変っ！」。</span><br>
<span id="horizontal_TB_complex">郊外のぎらぎらひかる草の波。</span><br>
<span id="horizontal_TB_complex">ABCDEFGHIJKLM abcdefghijklm 1234567890</span><br>
</body>
</html>
